/* craco.config.js */
const CracoLessPlugin = require("craco-less");

const path = require("path");
const resolve = (dir) => path.resolve(__dirname, dir);

module.exports = {
  // ...
  plugins: [
    {
      plugin: CracoLessPlugin, // 这个插件是用来订制ant design 的主题的
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { "@primary-color": "#1DA57A" },
            // @primary-color: #1890ff; // 全局主色
            // @link-color: #1890ff; // 链接色
            // @success-color: #52c41a; // 成功色
            // @warning-color: #faad14; // 警告色
            // @error-color: #f5222d; // 错误色
            // @font-size-base: 14px; // 主字号
            // @heading-color: rgba(0, 0, 0, 0.85); // 标题色
            // @text-color: rgba(0, 0, 0, 0.65); // 主文本色
            // @text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
            // @disabled-color: rgba(0, 0, 0, 0.25); // 失效色
            // @border-radius-base: 4px; // 组件/浮层圆角
            // @border-color-base: #d9d9d9; // 边框色
            // @box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
  // 配置路径别名 比如 vue里面的 @符号 就是路径的src目录
  webpack: {
    alias: {
      "@": resolve("src"),
    },
  },
};
